<!DOCTYPE html>
<html>
    <head>
        <title>Laravel</title>

        <link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css">

        <style>
            html, body {
                height: 100%;
            }

            body {
                margin: 0;
                padding: 0;
                width: 100%;
                display: table;
                font-weight: 100;
                font-family: 'Lato';
            }

            .container {
                text-align: center;
                display: table-cell;
                vertical-align: middle;
            }

            .content {
                text-align: center;
                display: inline-block;
            }

            .title {
                font-size: 96px;
                font-weight: bold;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="content">
                <div class="title">IQ Structs 1.0</div>
            </div>
        </div>
    </body>
</html>
<div class="our-story-top">
    @if(isset($storys))
        @foreach($storys as $story)
            @if(($story->id)%2 == 0)　
            <div class="col-md-6 our-story-img">
                <a href="single.html" class="mask"><img src="{{$story->picture}}" alt="image" class="img-responsive zoom-img"></a>
                <div class="date-rotate">
                    <span>{{$story->create_addr}}</span>
                </div>
            </div>
            <div class="col-md-6 our-story-text">
                <h4>{{$story->title}}</h4>
                <p>{{$story->content}}</p>
                <p class="para">{{$story->content}}</p>
            </div>
            @elseif(($story->id)%2 ==1)

                <div class="col-md-6 our-story-text two">
                    <h4>{{$story->title}}</h4>
                    <p>{{$story->content}}</p>
                    <p class="para">{{$story->content}}</p>
                </div>
                <div class="col-md-6 our-story-img two">
                    <a href="single.html" class="mask"><img src="{{$story->picture}}" alt="image" class="img-responsive zoom-img"></a>
                    <div class="date-rotate">
                        <span>{{$story->create_addr}}</span>
                    </div>
                </div>
            @endif
        @endforeach
    @endif
    <div class="clearfix"></div>
</div>